/* 
* 当前文件内的 样式 主要是对应  panda 和颜色关系很大的 样式的封装
*/


/* 表格和文字基础色彩*/
.bg-panda-light-light
  background $panda-light-light !important
  background var(--q-color-panda-light-light) !important

.bg-panda-base-light
  background $panda-base-light !important
  background var(--q-color-panda-base-light) !important

.bg-panda-base-dark
  background $panda-base-dark !important
  background var(--q-color-panda-base-dark) !important  
  
.bg-panda-dark-light
  background $panda-dark-light !important
  background var(--q-color-panda-dark-light) !important

.bg-panda-dark-dark
  background $panda-dark-dark !important
  background var(--q-color-panda-dark-dark) !important
.text-panda-text-light
  color $panda-text-light !important
  color var(--q-color-panda-text-light) !important

.text-panda-text-dark
  color $panda-text-dark !important
  color var(--q-color-panda-text-dark) !important

.bg-panda-expand-bg-color
  background $panda-expand-bg-color !important

.bg-panda-base-grey
  background-color $panda-base-grey
// 体育类型 下拉 扩展 背景色
.bg-panda-expand-bg-color
  background:  $panda-expand-bg-color

/*小圆点 颜色 */

.panda-dot-blue
  background  $panda-color-blue
.panda-dot-red
  background  $panda-color-red
.panda-dot-green
  background  $panda-color-green
.panda-dot-grey
  background  $panda-color-grey
.panda-dot-amber
  background  $panda-color-amber
/*边框颜色*/ 

.panda-border-blue
  border-color  $panda-color-blue
.panda-border-red
  border-color  $panda-color-red
.panda-border-green
  border-color  $panda-color-green
.panda-border-grey
  border-color  $panda-color-grey
.panda-border-amber
  border-color  $panda-color-amber
/*字体颜色*/
.panda-text-blue
  color  $panda-color-blue !important
.panda-text-red
  color  $panda-color-red !important
.panda-text-green
  color  $panda-color-green !important
.panda-text-grey
  color  $panda-color-grey !important
.panda-text-amber
  color  $panda-color-amber !important

.text-panda-loading-blue
  color  $panda-color-blue